Elements
Let's Learn Each Element And It's Function.
4-27-22
info
3 Minute Read 🕗
info
Element - The building block of ProViz; Each with it's own unique purpose. Add trigger/events to your Elements in the Flow Editor to add logic interactions.
| Icon | Element | Description |
|---|---|---|
 | 2D Button | A 2D Button that is placed in the bottom bar next to the full screen or language selector buttons. |
 | Ambient Light | Light that reaches all points with the same intensity. No position, rotation or scale. This light does not cast shadows. |
 | Annotation | Adds a clickable dot to your scene which displays text. |
 | Audio | Add an audio clip to your scene. |
 | Billboard | Will keep the rotation of everything paired under it pointed toward the scene camera at all times. |
 | Box Collider | A box collider adds an invisible box to the scene that intercepts click events. Use it to hide elements behind it or to block the interactions with them. |
 | Circle Image | Custom button solution that emits a text value when clicked. |
 | Custom | This is a placeholder for Elements that area available in Unity Apps but not on the web. |
 | Depth Model | The depth model will block the view of items behind it from the perspective of the camera. If clickable is set to true then it will also intercept click and hover events. |
 | Directional Light | The directional light element shines a light in one direction. |
 | Explode | The explode element can be applied to a model and when triggered by a flow event will expand all meshes in the selected model. |
 | Group | This element does not add anything to the scene but can be useful to organize tour scene hierarchy. Any scale, rotation, or position settings set on the group will be applied to all of it's children. |
 | Hemisphere Light | A light source positioned directly above the scene, with color fading from the sky color to the ground color. This light does not cast shadows. |
 | Image | Add an image to the scene. Import and select your image using the resource tab. If the source is a png and transparency is set to true, transparent parts of the image will be transparent, otherwise they will be white. |
 | Model | Display a model in the scene. Animate Non-Linear animations into your model to be able to play them inside ProViz. |
| Model Viewer | The Model Viewer element will open a modal with the embedded model viewer when clicked. If the device has support for AR a button to open the native AR viewer will be visible in the bottom right corner. Setting the variant for this element does not currently have an effect. Development on that front is underway. |
| Native AR Viewer | The native AR element will open the selected variant of its model in the native 3D viewer application of the device it's running on (quick look for iOS, scene viewer on Android). The icon will only appear in the scene if it is being viewed on a device that supports either of these services (the icon will not render on desktop). If you are using this element in conjunction with a variant selector element you need to connect the Output Variant service event to the Set Variant service on your AR element as well as the Set Variant service on your model element. A mismatch of models and variants will produce undefined behavior. The allow scaling in AR will enable users to modify the size of the model in the native app if it is supported. Models with more than 100k polygons will not display in ios quick look. |
 | Panorama | A panorama is a 360 degree image that will surround the camera. Generally these will be created during the import process. When imported they will generally consist of 6 square images. In other cases you can upload a single equirectangular image. If uploading your own you may need to adjust the rotation of the image with regard to the scene using the Skybox Rotation property. To improve download performance you can also convert the imported 6 images into a single merged image using the Convert To Merged Skybox button. The rotation and scale values affect the hotspot sprite associated with the panorama but will not change the experience within the panorama. If you want a user to start inside a panorama connect the Flow Editor Entry point element Scene Start event to the Enter service on your chosen panorama. |
 | Plane | A two sided plane. |
 | Point Light | A light that emanates from a single point like a light bulb. Can cast shadows. |
 | Position Loop | An element that works similar to the group view. It will provide a dynamic movement effect to all of the children in its hierarchy. |
 | Progress Bar | The progress bar element adds a rectangular progress bar to the scene where the progress fill is set to the ratio from the Set Progress event. Connect the Set Progress service to the Counter element's Changed Ratio event to set the progress. Border width and border radius must be less than half of either height and width. |
 | Radial Menu | Custom element solution that triggers different events depending on where the image is clicked. |
 | Rotation Loop | An element that works similar to the group view. It will provide a full 360 degree rotation over a set amount of time (in seconds) to all of the children in its hierarchy. |
 | Scale Loop | A widget that works similar to the group view. It will provide a dynamic scale effect to all of the children in its heirarchy. |
 | Spot Light | A spotlight. This light gets emitted from a single point in one direction, along a cone that increases in size the further from the light it gets. Can cast shadows on Models. |
| 2D Button | A 2D button that is placed in the bottom bar next to the full screen or language selector buttons. |
 | Teleport | Teleport from one scene to another, or from panorama to panorama. |
 | Text | Generates 2D text in the scene, you can update the text at runtime using the Set Text service. |
 | Text Box 2D | A 2D textbox that is opened when the corresponding sprite is clicked. |
 | Timeline | Custom element solution that shows an image with a border that when clicked enlarges in front of a background video with a larger version of that image above text in the foreground. |
| Variant Switch Element | The variant switch element can be used to let the user change the variant of a model used in a scene. When clicked it will open a menu with all of the variants for the selected model listed. When the user makes a selection it will emit an Output Variant event that if connected to an element with a Set Variant service, will set that element's variant. Be sure that any connected elements have the same model selected, inconsistency here will break functionality. |
 | Video | Add a video to your scene. A video source can be set for every language in the scene. If there is not a source for the current language in the scene it will show the closed caption video for the default language in the scene (by default english[en]). Attach SRTs to display subtitles for multiple languages under properties. |
Lesson Complete
⭐️ ⭐️ ⭐️